<!doctype html>
<html class="no-js" lang="">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Amaze UI Admin table Examples</title>
  <meta name="description" content="这是一个 table 页面">
  <meta name="keywords" content="table">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="renderer" content="webkit">
  <meta content="no-siteapp" />
  <link rel="icon" type="image/png" href="assets/i/net.png">
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
  <link rel="stylesheet" href="assets/css/admin.css">
</head>
<body>
<!--[if lte IE 9]>


<![endif]-->

<header class="am-topbar am-topbar-inverse admin-header">
  <div class="am-topbar-brand">
    <strong>航助</strong> <small>选课详情</small>
  </div>

  <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>

  <div class="am-collapse am-topbar-collapse" id="topbar-collapse">

    <ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list">
      <li class="am-dropdown" data-am-dropdown>
        <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:">
          <span class="am-icon-users"></span> 老师您好！ <span class="am-icon-caret-down"></span>
        </a>
        <ul class="am-dropdown-content">
          <li><a href="#"><span class="am-icon-power-off"></span> 返回</a></li>
          <li><a href="#"><span class="am-icon-power-off"></span> 退出</a></li>
        </ul>
      </li>
    </ul>
  </div>
</header>

<div class="am-cf admin-main">
  <!-- sidebar start -->
  <div class="admin-sidebar am-offcanvas" id="admin-offcanvas">
    <div class="am-offcanvas-bar admin-offcanvas-bar">
      <div class="am-panel am-panel-default admin-sidebar-panel">
        <div class="am-panel-bd">
          <p><span class="am-icon-bookmark"></span> 公告</p>
          <p>若您需要计算成绩，请输入权重系数，注意保证系数和为100。—— 航助</p>
        </div>
      </div>
      <ul class="am-list admin-sidebar-list">
        <li class="admin-parent">
          <a class="am-cf" data-am-collapse="{target: '#collapse-nav'}"><span class="am-icon-file"></span> 成绩权重 <span class="am-icon-angle-right am-fr am-margin-right"></span></a>
          <ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav">
            <li>
              <span class="am-icon-check"></span>
              平时成绩
              <label>
              <input type="text" class="am-input-sm">
            </label>
              <span class="am-icon-star am-fr am-margin-right admin-icon-yellow"></span>
            </li>
            <li><span class="am-icon-puzzle-piece"></span>
              期中成绩
              <label>
                <input type="text" class="am-input-sm">
              </label>
            </li>
            <li>
              <span class="am-icon-th"></span>
              期末成绩
              <label>
                <input type="text" class="am-input-sm">
              </label>
              </li>
            <li>
              <span class="am-icon-calendar"></span>
              缺勤次数
              <label>
                <input type="text" class="am-input-sm">
              </label>
            </li>
            <li>
              <div class="am-margin">
                <button type="button" class="am-btn am-btn-primary am-btn-xs">提交保存</button>
              </div>
            </li>
          </ul>
        </li>
      </ul>


    </div>
  </div>
  <!-- sidebar end -->

  <!-- content start -->
  <div class="admin-content">
    <div class="admin-content-body">
      <div class="am-cf am-padding am-padding-bottom-0">
        <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">选课名册</strong> / <small>Student Table</small></div>
      </div>

      <hr>

      <div class="am-g">
        <div class="am-u-sm-12 am-u-md-6">
          <div class="am-btn-toolbar">
            <div class="am-btn-group am-btn-group-xs">
              <button type="button" class="am-btn am-btn-default"><span class="am-icon-plus"></span> 导入</button>
              <button type="button" class="am-btn am-btn-default"><span class="am-icon-archive"></span> 计算成绩</button>
            </div>
          </div>
        </div>

      </div>

      <div class="am-g">
        <div class="am-u-sm-12">
          <form class="am-form">
            <table class="am-table am-table-striped am-table-hover table-main">
              <thead>
              <tr>
                <th class="table-check"><label>
                    <input type="checkbox" />
                </label></th>
                <th class="table-id">ID</th>
                <th class="table-title">学号</th>
                <th class="table-type">姓名</th>
                <th class="table-date am-hide-sm-only">总成绩</th>
                <th class="table-author am-hide-sm-only">缺勤</th>
                <th class="table-date am-hide-sm-only">平时成绩</th>
                <th class="table-date am-hide-sm-only">期中成绩</th>
                <th class="table-date am-hide-sm-only">期末成绩</th>
                <th class="table-set">操作</th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td><label>
                    <input type="checkbox" />
                </label></td>
                <td>1</td>
                <td><a href="#">19373XXX</a></td>
                <td>小X</td>
                <td class="am-hide-sm-only">96</td>
                <td class="am-hide-sm-only">
                  <div>
                      <label>
                          <input type="text" class="am-input-sm" value="0">
                      </label>
                  </div>
                </td>
                <td class="am-hide-sm-only">
                  <div>
                      <label>
                          <input type="text" class="am-input-sm" value="0">
                      </label>
                  </div>
                </td>
                <td class="am-hide-sm-only">
                  <div>
                      <label>
                          <input type="text" class="am-input-sm" value="0">
                      </label>
                  </div>
                </td>
                <td class="am-hide-sm-only">
                  <div>
                      <label>
                          <input type="text" class="am-input-sm" value="0">
                      </label>
                  </div>
                </td>
                <td>
                  <div class="am-btn-toolbar">
                    <div class="am-btn-group am-btn-group-xs">
                      <button class="am-btn am-btn-default am-btn-xs am-text-secondary"><span class="am-icon-pencil-square-o"></span> 保存</button>
<!--                      修改成绩-->
                    </div>
                  </div>
                </td>
              </tr>
<!--              补充元组-->
              </tbody>
            </table>
            <div class="am-cf">
              共 1 条记录
            </div>
            <hr />
            <p>注：.....</p>
          </form>
        </div>

      </div>
    </div>

    <footer class="admin-content-footer">
      <hr>
      <p class="am-padding-left">© 2021 DataBase Group14 WeiHuang YuTang ZiyingZhou</p>
    </footer>

  </div>
  <!-- content end -->
</div>

<a href="#" class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu" data-am-offcanvas="{target: '#admin-offcanvas'}"></a>

<footer>
  <hr>
  <p class="am-padding-left">© 2021 DataBase Group14 WeiHuang YuTang ZiyingZhou</p>
</footer>

<!--[if lt IE 9]>

<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->

<!--<![endif]-->

</body>
</html>
